@@include('./layout/_head.html')
<img id="loading-bubbles" src="./images/loading-bubbles.svg"/>
<div class="card-fullscreen card-wrapper hidden">
	<div id="portrait">
		<img src="./images/VCG41524322465.jpg" alt="用户头像">
	</div>
	<div id="profile">
		<h1 class="user">龙峻峰 <span class="position">主治医师</span></h1>
		<p>深圳康美医院 全科</p>
		<hr>
		<p class="">执业医生  五官科  呼吸内科  消化内科 </p>
	</div>

	<div id="socal">
		<ul>
			<li><span class="count">8</span>年<span class="note">从业年限</span></li>
			<li><span class="count">1600</span>次<span class="note">接诊人次</span></li>
			<li><span class="count">2400</span>人<span class="note">圈子关注</span></li>
		</ul>
	</div>

	<button id="view-card">查看明片</button>

	<div id="link">
		<ul>
			
			<li>
				<a href="#favorite">
					<svg class="svg-icon" >
			            <use xlink:href="../../lib/wechat-card/svg/svg-symbols.svg#favorite" />
			        </svg>
			    </a>
		        收藏
			</li>
			
			<li>
				<a href="#share">
					<svg class="svg-icon" >
			            <use xlink:href="../../lib/wechat-card/svg/svg-symbols.svg#share" />
			        </svg>
			    </a>
		        分享
			</li>
			<li>
				<a href="#recycle">
					<svg class="svg-icon" >
			            <use xlink:href="../../lib/wechat-card/svg/svg-symbols.svg#recycle" />
			        </svg>
			    </a>
		        回传
			</li>
		</ul>
		
		 
	</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenLite.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TimelineLite.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/plugins/CSSPlugin.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/easing/EasePack.min.js"></script>


<script type="text/javascript">
	$('#loading-bubbles').show();
	document.getElementById('view-card').addEventListener('click', function(){
		window.location.href = "./main.html";
	});

	$(window).on('load',function(){
		$('#loading-bubbles').hide();
		$('.card-wrapper').removeClass('hidden');
		var timeLine1 = new TimelineLite();
		var timeLine2 = new TimelineLite();
		
		timeLine1.add(TweenLite.from($('.card-wrapper'),.8, {
			autoAlpha: 0,
			scale: 3
		})).add(TweenLite.from($('#portrait'),.5,{
			autoAlpha: 0, 
			ease:Power4.easeOut,
			y:-300
		}));

		timeLine2.add(TweenLite.from($('#profile'),1.2, {
			autoAlpha: 0, 
			ease:Power4.easeOut,
			x:-500
		}))
		.add(TweenLite.from($('#socal'),.5,{
			autoAlpha: 0, 
			ease:Power4.easeOut,
			x:300
			}));;
	});



	
</script>

@@include('./layout/_footer.html')